<#assign pn=2 >
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>斑马程序员-专注于互联网年轻人的IT在线教育</title>
    <meta name="keywords" content="TopClass,java,python,anaconda,视频教程,ssm,SpringBoot,SpringCloud,Redis">
    <meta name="description" content="TopClass：专注年轻人的IT在线教育平台，包含：java全套技术教程，微服务架构课程。">

    <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <link href="http://res.itsub.cn/lib/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://res.itsub.cn/lib/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="${ctx}/css/style.css">
    <link rel="stylesheet" href="${ctx}/css/course.explore.css">


</head>
<body>

<!--导航栏-->

<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "K3tnRPA99GPSFibA", ck: "K3tnRPA99GPSFibA"})</script>

<!-- 顶部消息条 -->
<#include "/navbar.ftl" >


<div class="quyu" style="">
    <div class="container">

        <div class="fang das2">
            <span class="label">方向：</span>
            <ul>
                <li class="${(cid==0)?string('active','')}"><span><a href="/course/explore">全部</a></span></li>
                <#list categoryList as category>
                    <li class="${(cid==category.id)?string('active','')}">
                        <span><a href="${ctx}/course/explore?cid=${category.id}">${category.name}</a></span>
                    </li>
                </#list>

            </ul>

        </div>

        <div class="fang">
            <span class="label">细分：</span>
            <ul>
                <li class="${(child==0)?string('active','')}"><span><a href="/course/explore?cid=${cid}">全部</a></span></li>
                <#if childList??>
                    <#list childList as cc>
                        <li class="${(child==cc.id)?string('active','')}">
                            <span><a href="${ctx}/course/explore?cid=${cid}&child=${cc.id}">${cc.name}</a></span>
                        </li>
                    </#list>
                </#if>

            </ul>
        </div>

    </div>
</div>

<div id="box2">
    <div class="row course-list container">
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item hasImg" data-id="2">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(94, 153, 243), rgb(51, 171, 183));">
                        <img src="--http://cdn.itsub.cn/java1.png" alt="" class="img-responsive">
                    </div>
                    <span class="cbt utitle">第一章</span>
                    <div class="cbt uname">JAVA零基础入门
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="JAVA零基础入门">
                        <a class="link-dark" href="/course/2">JAVA零基础入门</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                74人学过</span>

                        <span class="price free" title="免费">免费</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="5">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(94, 153, 243), rgb(51, 171, 183));">
                    </div>
                    <span class="cbt utitle">第一章</span>
                    <div class="cbt uname">HTML 、 CSS
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="HTML 、 CSS">
                        <a class="link-dark" href="/course/5">HTML 、 CSS</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                153人学过</span>


                        <span class="price" title="价格">￥98</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item hasImg" data-id="61">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(74, 146, 255), rgb(51, 122, 183));">
                        <img src="http://res.itsub.cn/ke/cs/1.jpeg" alt="" class="img-responsive">
                    </div>
                    <span class="cbt utitle">C#三部曲1</span>
                    <div class="cbt uname">Unity基础课程之C#入门篇
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="Unity基础课程之C#入门篇">
                        <a class="link-dark" href="/course/61">Unity基础课程之C#入门篇</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                79人学过</span>


                        <span class="price" title="价格">￥19.9</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="22">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(123, 76, 230), rgb(146, 104, 238));">
                    </div>
                    <span class="cbt utitle">第二章</span>
                    <div class="cbt uname">程序流程控制
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="程序流程控制">
                        <a class="link-dark" href="/course/22">程序流程控制</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                155人学过</span>


                        <span class="price" title="价格">￥1</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="35">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(74, 146, 255), rgb(51, 122, 183));">
                    </div>
                    <span class="cbt utitle">第二章</span>
                    <div class="cbt uname">常用标签，选择器
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="常用标签，选择器">
                        <a class="link-dark" href="/course/35">常用标签，选择器</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                96人学过</span>


                        <span class="price" title="价格">￥10</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item hasImg" data-id="63">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(228, 172, 117), rgb(228, 110, 95));">
                        <img src="http://res.itsub.cn/ke/cs/2.jpeg" alt="" class="img-responsive">
                    </div>
                    <span class="cbt utitle">C#三部曲2</span>
                    <div class="cbt uname">Unity基础课程之C#基础篇
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="Unity基础课程之C#基础篇">
                        <a class="link-dark" href="/course/63">Unity基础课程之C#基础篇</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                0人学过</span>


                        <span class="price" title="价格">￥89.9</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item hasImg" data-id="65">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(123, 76, 230), rgb(146, 104, 238));">
                        <img src="http://res.itsub.cn/ke/cs/3.jpeg" alt="" class="img-responsive">
                    </div>
                    <span class="cbt utitle">C#三部曲3</span>
                    <div class="cbt uname">Unity基础课程之C#进阶篇
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="Unity基础课程之C#进阶篇">
                        <a class="link-dark" href="/course/65">Unity基础课程之C#进阶篇</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                0人学过</span>


                        <span class="price" title="价格">￥99</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item hasImg" data-id="20">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(228, 172, 117), rgb(228, 110, 95));">
                        <img src="https://cdn.itsub.cn/img/eclipse.jpg" alt="" class="img-responsive">
                    </div>
                    <span class="cbt utitle">第三章</span>
                    <div class="cbt uname">eclipse新手入门教程
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="eclipse新手入门教程">
                        <a class="link-dark" href="/course/20">eclipse新手入门教程</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                48人学过</span>


                        <span class="price" title="价格">￥9</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="52">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(74, 146, 255), rgb(51, 122, 183));">
                    </div>
                    <span class="cbt utitle">第三章</span>
                    <div class="cbt uname">物理引擎
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="物理引擎">
                        <a class="link-dark" href="/course/52">物理引擎</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                267人学过</span>


                        <span class="price" title="价格">￥15</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="58">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(74, 146, 255), rgb(51, 122, 183));">
                    </div>
                    <span class="cbt utitle">第三章</span>
                    <div class="cbt uname">IDEA快速入门教程
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="IDEA快速入门教程">
                        <a class="link-dark" href="/course/58">IDEA快速入门教程</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                229人学过</span>


                        <span class="price" title="价格">￥19.8</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item hasImg" data-id="9">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(123, 76, 230), rgb(146, 104, 238));">
                        <img src="https://cdn.itsub.cn/ilh_16x9.png" alt="" class="img-responsive">
                    </div>
                    <span class="cbt utitle">第一章</span>
                    <div class="cbt uname">Unity游戏开发入门
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="Unity游戏开发入门">
                        <a class="link-dark" href="/course/9">Unity游戏开发入门</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                96人学过</span>


                        <span class="price" title="价格">￥15</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="23">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(77, 172, 190), rgb(140, 192, 203));">
                    </div>
                    <span class="cbt utitle">第四章</span>
                    <div class="cbt uname">函数，参数，返回值
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="函数，参数，返回值">
                        <a class="link-dark" href="/course/23">函数，参数，返回值</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                116人学过</span>


                        <span class="price" title="价格">￥20</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="53">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(74, 146, 255), rgb(51, 122, 183));">
                    </div>
                    <span class="cbt utitle">第四章</span>
                    <div class="cbt uname">粒子系统
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="粒子系统">
                        <a class="link-dark" href="/course/53">粒子系统</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                202人学过</span>


                        <span class="price" title="价格">￥15</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="24">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(203, 100, 85), rgb(231, 121, 108));">
                    </div>
                    <span class="cbt utitle">第五章</span>
                    <div class="cbt uname">数组与排序算法
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="数组与排序算法">
                        <a class="link-dark" href="/course/24">数组与排序算法</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                87人学过</span>


                        <span class="price" title="价格">￥20</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="50">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(203, 100, 85), rgb(231, 121, 108));">
                    </div>
                    <span class="cbt utitle">输入系统</span>
                    <div class="cbt uname">Input Manager
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="Input Manager">
                        <a class="link-dark" href="/course/50">Input Manager</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                82人学过</span>


                        <span class="price" title="价格">￥20</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="25">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(94, 153, 243), rgb(51, 171, 183));">
                    </div>
                    <span class="cbt utitle">第六章</span>
                    <div class="cbt uname">面向对象编程
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="面向对象编程">
                        <a class="link-dark" href="/course/25">面向对象编程</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                55人学过</span>


                        <span class="price" title="价格">￥20</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="51">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(94, 153, 243), rgb(51, 171, 183));">
                    </div>
                    <span class="cbt utitle">第二代输入系统</span>
                    <div class="cbt uname">Input System （新版）
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="Input System （新版）">
                        <a class="link-dark" href="/course/51">Input System （新版）</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                277人学过</span>


                        <span class="price" title="价格">￥58</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="57">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(94, 153, 243), rgb(51, 171, 183));">
                    </div>
                    <span class="cbt utitle">第六章</span>
                    <div class="cbt uname">UGUI
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="UGUI">
                        <a class="link-dark" href="/course/57">UGUI</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                88人学过</span>


                        <span class="price" title="价格">￥20</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="26">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(74, 146, 255), rgb(51, 122, 183));">
                    </div>
                    <span class="cbt utitle">第七章</span>
                    <div class="cbt uname">面向对象编程进阶
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="面向对象编程进阶">
                        <a class="link-dark" href="/course/26">面向对象编程进阶</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                258人学过</span>


                        <span class="price" title="价格">￥20</span>


                    </div>
                </div>
            </div>
        </div>
        <div class="course-wrapper" data-course-id="2">

            <div class="course-item noImg" data-id="27">
                <span class="vipfree-tig2">VIP免费</span>
                <div class="course-img picbox">
                    <div class="cbg"
                         style="background-image: linear-gradient(to left bottom, rgb(94, 153, 243), rgb(51, 171, 183));">
                    </div>
                    <span class="cbt utitle">第八章</span>
                    <div class="cbt uname">常用类库，时间日期
                        <div class="cbg-xhx"></div>
                    </div>
                </div>
                <div class="course-info">
                    <div class="title" title="常用类库，时间日期">
                        <a class="link-dark" href="/course/27">常用类库，时间日期</a>
                    </div>
                    <!--<div class="desc" title="course.desc">{{ course.name }}</div>-->
                    <div class="metas clearfix">
                        <span class="num" title="学生人数">
                            <span class="icon glyphicon glyphicon-user"></span>
                                280人学过</span>


                        <span class="price" title="价格">￥20</span>


                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<div class="footer" id="footer">
    <div class="links">
        <div class="container">
            <h5>拒绝躺平，努力奋斗。</h5>
            <h5></h5>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <div style="text-align: center;"><a href="https://beian.miit.gov.cn/">京ICP备20019874号-1</a></div>
            <div style="text-align: center;">
                Copyright© 2020~2030 我的学习记录 | QQ群: 828833313
                <a target="_blank"
                   href="https://qm.qq.com/cgi-bin/qm/qr?k=nerz4pEJLaA5KuiZSjm0cq8oOKr_NfjB&amp;jump_from=webapi"><img
                            border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="IT技术学习群"
                            title="IT技术学习群"></a>
            </div>
        </div>
    </div>

</div>
<div style="display: none">
    <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280775758&amp;web_id=1280775758"></script>
</div>
<style>
    /*.footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }*/
    .footer .links {
        background: #2e2e2e;
        padding: 50px 0;
        border-bottom: 1px solid #111;
        color: #eeeeee;
    }

    .footer .copyright {
        background: #212121;
        border-top: 1px solid #444;
        text-align: center;
        padding: 20px 0;
        line-height: 30px;
        color: #c1c1c1;
    }
</style>
<script>
    /*function onResize(){
        //如果网页高度大于屏幕高度
        if($(document).height() > $(window).height()) {
            //设置底部的margin-top为0
            $(".footer").css('position', 'static');
            console.log("1");
        } else {
            //设置底部的margin-top为负值
            $(".footer").css('position', 'fixed');
            console.log("2");
        }
    }
    $(function () {

        $(window).resize(onResize);
        onResize();
    })*/
    console.log($("#footer").offset());
    console.log($(window).height());
    var fo = $("#footer");
    var winh = $(window).height();
    if (fo.offset().top + 211 < $(window).height()) {
        fo.offset({top: winh - 211});
    }
</script>
<script>
    $('.course-item').click(function () {
        $(this).find('a')[0].click();
    });

    var arr3 = [
        'linear-gradient(to bottom left, #4a92ff, #337ab7)',
        'linear-gradient(to bottom left, #5e99f3, #33abb7)',
        'linear-gradient(to bottom left, #cb6455, #e7796c)',
        'linear-gradient(to bottom left, #4dacbe, #8cc0cb)',
        'linear-gradient(to bottom left, #5e99f3, #33abb7)',
        'linear-gradient(to bottom left, #7b4ce6, #9268ee)',
        'linear-gradient(to bottom left, #0c6a8e, #3083a1)',
        'linear-gradient(to bottom left, #e4ac75, #e46e5f)',
    ]

    function hashFunc(str, size) {
        str = str + '';
        var hash = 1315423911, i, ch;
        for (i = str.length - 1; i >= 0; i--) {
            ch = str.charCodeAt(i);
            hash ^= ((hash << 5) + ch + (hash >> 2));
        }
        return (hash & 0x7FFFFFFF) % size;
    }

    function pipei(id) {
        console.log('pipei=' + id);
        var h = hashFunc(id, arr3.length);
        console.log(h)
        return arr3[h];
    }

    $('.course-item').each(function (i, e) {
        var name = $(e).find('.title').attr('title');
        $(e).find('.cbg').css('background-image', pipei($(e).data('id')));
    })
</script>

</body>
<div id="qbTrans-pageTrans-dialog" style="display: none;"><span class="qbTrans-pageTrans-dialog-success"
                                                                style="display: none;"></span> <span
            class="qbTrans-pageTrans-dialog-guide" style="display: none;"></span> <span
            class="qbTrans-pageTrans-dialog-text">是否将当前网页翻译成中文</span>
    <div id="qbTrans-pageTrans-dialog-btn" class="qbTrans-pageTrans-dialog-btn">网页翻译</div> <!----> <!----> <!---->
    <div class="qbTrans-pageTrans-dialog-close"><span class="qbTrans-pageTrans-dialog-close-text">关闭</span></div>
</div>
</html>